<!DOCTYPE html>
<html>
<head>
	<title>Mocks</title>
	<link rel="stylesheet" type="text/css" href="contents/css/reset-1.3.5.css">
	<link rel="stylesheet" type="text/css" href="contents/css/layout.css">
</head>
<body>
	<header>
		<h1>Mocks</h1>
		<div class="api-mod">
			<a data-type="string" href="#">String API</a>
			<a data-type="number" href="#">Number API</a>
			<a data-type="array" href="#">Array API</a>
			<a data-type="object" href="#">Object API</a>
			<a data-type="other" href="#">Other API</a>
			<a id="historyBtn" href="#">History</a>
		</div>
		<button class="go-btn">Go</button>
	</header>

	<section class="main-content">
		<div class="code-display" id="editor-mod"></div>
		<div class="code-display">
			<div class="btns-box">
				<button class="download-btn">
					<svg enable-background="new 0 0 141.732 141.732" id="Livello_1" version="1.1" viewBox="0 0 141.732 141.732" width="14" height="14">
						<path d="M120.674,125.138H20.793v16.594h99.881V125.138z M119.019,58.776c-2.561-2.562-6.716-2.562-9.275,0L77.21,91.312V6.562   C77.21,2.936,74.269,0,70.648,0c-3.624,0-6.56,2.937-6.56,6.563v84.75L31.992,59.218c-2.562-2.564-6.715-2.564-9.277,0   c-2.565,2.562-2.565,6.716,0,9.279l43.294,43.293c0.15,0.154,0.314,0.299,0.481,0.438c0.076,0.062,0.155,0.113,0.234,0.176   c0.094,0.065,0.186,0.142,0.279,0.206c0.097,0.063,0.192,0.114,0.286,0.174c0.088,0.054,0.174,0.105,0.265,0.153   c0.1,0.056,0.199,0.1,0.298,0.147c0.097,0.045,0.19,0.091,0.283,0.132c0.098,0.04,0.196,0.072,0.295,0.105   c0.104,0.038,0.207,0.078,0.312,0.109c0.101,0.03,0.197,0.052,0.297,0.077c0.108,0.023,0.214,0.058,0.324,0.078   c0.115,0.021,0.231,0.033,0.346,0.054c0.097,0.015,0.192,0.032,0.289,0.042c0.43,0.042,0.865,0.042,1.295,0   c0.1-0.01,0.191-0.027,0.289-0.042c0.114-0.021,0.233-0.029,0.344-0.054c0.109-0.021,0.217-0.055,0.324-0.078   c0.102-0.025,0.199-0.047,0.299-0.077c0.105-0.031,0.207-0.071,0.312-0.109c0.102-0.03,0.195-0.062,0.295-0.105   c0.096-0.041,0.191-0.087,0.283-0.132c0.1-0.048,0.199-0.092,0.297-0.147c0.091-0.048,0.177-0.104,0.264-0.153   c0.098-0.06,0.193-0.11,0.287-0.174c0.096-0.064,0.189-0.141,0.281-0.206c0.076-0.062,0.156-0.113,0.233-0.176   c0.249-0.204,0.479-0.437,0.694-0.67c0.076-0.067,0.154-0.131,0.229-0.203l43.294-43.296   C121.581,65.491,121.581,61.337,119.019,58.776"/>
					</svg>
				</button>
				<button class="copy-btn" id="copy-result">
					<svg aria-hidden="true" class="octicon octicon-clippy" height="16" version="1.1" viewBox="0 0 14 16" width="16"><path fill-rule="evenodd" d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z"></path></svg>
				</button>
			</div>
			<div class="code-area" id="result-mod"></div>
		</div>
	</section>

	<section class="history-mod">
		<header>
			<h1>History</h1>
			<button class="hide-history">✕</button>
		</header>
		<ul class="history-ul"></ul>
	</section>

	<script src="contents/js/require.js"></script>
	<script src="contents/js/FileSaver.js"></script>
	<script type="module" src="contents/js/main.js"></script>
</body>
</html>